﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="CommentPane.ascx.cs" Inherits="FreeLancer.HRB.WebApp.UserControls.CommentPane" %>

<div>
  <div id="divPostComment" runat="server">
    <div class="comment-header">
      <span><%=Resources.labels.commentLabel %></span>
    </div>
    <table style="width:100%;" cellspacing="10px">
      <tr>
        <%--<td style="width:100px;">Họ và tên</td>--%>
        <td>
            <%--<asp:TextBox ID="txtName" runat="server" Width="100%"></asp:TextBox>--%>
            <input style="width:100%; color: #AAAAAA;"
              type="text" 
              maxlength="128" 
              name="search_theme_form" 
              id="txtName" runat="server"
              value="<%$ Resources:labels, commentAuthor %>" 
              title="<%$ Resources:labels, commentAuthorTooltip %>" 
              class="form-text inputfocus" 
              onblur="<%$ Resources:labels, commentAuthorOnBlur %>" 
              onfocus="<%$ Resources:labels, commentAuthorOnFocus %>" />
        </td>
        <%--<td style="width:50px;">Email</td>--%>
        <td>
          <%--<asp:TextBox ID="txtEmail" runat="server" Width="100%"></asp:TextBox>--%>
          <input style="width:100%; color: #AAAAAA;"
              type="text" 
              maxlength="128" 
              name="search_theme_form" 
              id="txtAddress" runat="server"
              value="<%$ Resources:labels, commentAddress %>" 
              title="<%$ Resources:labels, commentAddressTooltip %>" 
              class="form-text inputfocus" 
              onblur="<%$ Resources:labels, commentAddressOnBlur %>" 
              onfocus="<%$ Resources:labels, commentAddressOnFocus %>" />
        </td>
      </tr>
      <%--<tr>
        <td>
          <input style="width:100%; color: #AAAAAA;"
            type="text" 
            maxlength="128" 
            name="search_theme_form" 
            id="txtEmail" 
            value="E-mail" 
            title="Nhập e-mail" 
            class="form-text inputfocus" 
            onblur="this.value = this.value || 'E-mail'; this.style.color = '#AAAAAA';" 
            onfocus="if(this.value=='E-mail') {this.value='';} this.style.color = '#000';" />
        </td>
        <td>
          <input style="width:100%; color: #AAAAAA;"
            type="text" 
            maxlength="128" 
            name="search_theme_form" 
            id="txtPhone" 
            value="Số điện thoại" 
            title="Nhập số điện thoại" 
            class="form-text inputfocus" 
            onblur="this.value = this.value || 'Số điện thoại'; this.style.color = '#AAAAAA';" 
            onfocus="if(this.value=='Số điện thoại') {this.value='';} this.style.color = '#000';" />
        </td>
      </tr>--%>
      <%--<tr>
        <td style="width:50px;">Tiêu đề</td>
        <td colspan="2">
          <asp:TextBox ID="txtTitle" runat="server" Width="100%"></asp:TextBox>
          <input style="width:100%; color: #AAAAAA;"
              type="text" 
              maxlength="128" 
              name="search_theme_form" 
              id="txtTitle" 
              value="Tiêu đề" 
              title="Nhập tiêu đề" 
              class="form-text inputfocus" 
              onblur="this.value = this.value || 'Tiêu đề'; this.style.color = '#AAAAAA';" 
              onfocus="if(this.value=='Tiêu đề') {this.value='';} this.style.color = '#000';" />
        </td>
      </tr>--%>
      <%--<tr>
        <td colspan="2">
          Nội dung
        </td>
      </tr>--%>
      <tr>
        <td colspan="2">
          <asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine" Width="100%" Rows="7"></asp:TextBox>
        </td>
      </tr>
    </table>
    <span id="lblValidation" style="color:Red;"></span>
    <div style="text-align: right;">
      <asp:Button ID="btnSend" runat="server" Width="70px" Text="<%$ Resources:labels, submit %>" 
        OnClick="btnSend_OnClick"/>
    </div>
  </div>
  <br />
  <data:PostCommentRepeater runat="server" ID="PostCommentRepeater" DataSourceID="PostCommentDataSource">
    <ItemTemplate>
      <div style="padding:5px; background-color:#EEEEEE; margin-bottom: 5px;">
        <%--<div class="comment-title">
          <span><%#Container.Title %></span>
        </div>--%>
        <div style="color:#777777; font-style:italic; font-size:9pt;">
          <span><%#Container.Author %></span>, <span><%#Container.Address %></span>, <%#Container.CommentDate %>
        </div>
        <div class="comment-content">
          <p><%#Container.Comment %></p>
        </div>
      </div>
    </ItemTemplate>
  </data:PostCommentRepeater>
  <data:PostCommentDataSource ID="PostCommentDataSource" runat="server" SelectMethod="GetByPostId">
  </data:PostCommentDataSource>
</div>